
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Show profile</title>
<style>
.header {
	text-align: center;
	font-style: italic;
	font-size: 30px;
	width: 99%;
	background: grey;
	border: 4px double black;
	position: relative;
}

.block {
	width: 98%;
	background: grey;
	border: 4px double black;
	margin-top: 10px;
	position: absolute;
}

.box {
	margin-left: 35%;
	top: -140px;
	width: 600px;
	background: grey;
	border: 4px double black;
	position: relative;
}

.navigation {
	width: 300px;
	left: 0px;
	background: grey;
	border: 4px double black;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	position: static;
}

.hello {
	font-style: italic;
	font-size: 30px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background: grey;
	border: 4px double black;
}

li:HOVER {
	width: 150px;
	background: white;
	border: 4px double black;
}

A {
	text-decoration: none;
}

A:HOVER {
	color: black;
}

body {
	background: #c7b39b;
}

button {
	width: 85px;
}

.navigationtext {
	
}
</style>
</head>
<body>

	<div class="header">Payments system</div>
	<div class="block">
		<div class="navigation">
			<div align="center">
				<font size="3px"><b>Navigation</b></font>
			</div>
			<ul>
				<li><a href="#" wicket:id="ShowProfile">Show profile</a></li>
				<li><a href="#" wicket:id="EditProfile">Edit profile</a></li>
				<li><a href="#" wicket:id="showCard">Show credit card</a></li>
				<li><a href="#" wicket:id="exit">Exit</a></li>
			</ul>
		</div>
		<div class="box">
			<table>
				<tr>
					<th align="center">CLIENT INFO</th>
				</tr>
				<tr>
					<td>LOGIN:</td>
					<td><span wicket:id="login">login</span></td>
				</tr>
				<tr>
					<td>PASSWORD:</td>
					<td><span wicket:id="password">password</span></td>
				</tr>
				<tr>
					<td>NAME:</td>
					<td><span wicket:id="name">name</span></td>
				</tr>
				<tr>
					<td>SURNAME:</td>
					<td><span wicket:id="surname">surname</span></td>
				</tr>
			</table>
		</div>
	</div>
</body>
</html>